<section class="oe_container">
  <div class="oe_row oe_spaced">
    <h2 class="oe_slogan">
      Automate form creation with inserting fields from Odoo in templates
    </h2>
    <div class="oe_span12">
      <span class="text-center">
        <p class="oe_mt16">
          Work with fillable templates in Odoo using ONLYOFFICE. Create templates based
          on the data and fields available in Odoo, fill them out and print with several
          clicks.
        </p>
      </span>
    </div>
  </div>
</section>

<section class="oe_container mt-5">
  <div class="oe_row">
    <div class="oe_span12">
      <h6>Edit the existing templates</h6>
    </div>
    <div class="oe_span12">
      <p>
        <b>Please note</b>: ONLYOFFICE demo templates will only be added to the Odoo
        modules that are already installed. That's why we strongly recommend installing
        ONLYOFFICE Templates after installing other Odoo modules such as CRM, Sales,
        Calendar, etc.
      </p>
      <p>
        Launch the ONLYOFFICE Templates app to open the page with the existing form
        templates. Each template has a tag indicating which Odoo module the template was
        created for.
      </p>
      <p>
        When you click the Edit button in the file context menu, a form template will
        open in the ONLYOFFICE editor. The left panel dynamically displays the fields
        from Odoo that can be linked to the ONLYOFFICE form fields. The Odoo field ID is
        written in the Key field of the editor in the right panel.
      </p>
    </div>
    <div class="oe_span12">
      <div class="oe_demo oe_screenshot">
        <img src="edit_templates.png" />
      </div>
    </div>
  </div>
</section>

<section class="oe_container mt-5">
  <div class="oe_row">
    <div class="oe_span12">
      <h6>Create new templates</h6>
    </div>
    <div class="oe_span12">
      <p>
        To create a new template, click the Create&Upload button. In the pop-up window,
        specify the template name and select the Odoo module to which the template
        belongs.
      </p>
    </div>
    <div class="oe_span12">
      <div class="oe_demo oe_screenshot">
        <img src="create_templates.png" />
      </div>
    </div>
    <div class="oe_span12">
      <p class="oe_mt8">
        You can upload any existing form template from your local drive (using the
        Upload your file button), or save a new blank template (using the Create button
        in the upper right corner).
      </p>
    </div>
  </div>
</section>

<section class="oe_container mt-5">
  <div class="oe_row">
    <div class="oe_span12">
      <h6>Work with ready templates</h6>
    </div>
    <div class="oe_span12">
      <p>
        The ONLYOFFICE app is integrated into all sections/modules of Odoo. You can
        print the form by clicking the "Print with ONLYOFFICE" button in the Action
        menu.
      </p>
    </div>
    <div class="oe_span12">
      <div class="oe_demo oe_screenshot">
        <img src="work_with_templates.png" />
      </div>
    </div>
    <div class="oe_span12">
      <p class="oe_mt8">
        Next, a window appears with a list of templates available for this section.
        Select the required template so that it is filled with the data taken from the
        linked Odoo page (deal, employee card, etc.).
      </p>
    </div>
  </div>
</section>

<section class="oe_container mt-5">
  <div class="oe_row">
    <div class="oe_span12">
      <h6>Access rights</h6>
    </div>
    <div class="oe_span12">
      <p>There are two types of roles for this app:</p>
      <ul>
        <li>
          <b>User:</b> can print templates and open them for viewing. Users cannot
          create new templates and cannot edit the current ones.
        </li>
        <li><b>Administrator:</b> can open, create, edit and print templates.</li>
      </ul>
      <p>
        The role type is specified in the user profile. By default, all users are
        assigned the User role.
      </p>
    </div>
    <div class="oe_span12">
      <div class="oe_demo oe_screenshot">
        <img src="access_rights.png" />
      </div>
    </div>
  </div>
</section>
